.basic-arrow {
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s ease 0.1s;
	transform: rotate(0deg);
	transform-origin: center center;

	&--active {
		transform: rotate(90deg);
	}

	&.inset {
		line-height: 0px;
	}

	&.up {
		transform: rotate(-90deg);
	}

	&.down {
		transform: rotate(90deg);
	}

	&.up.basic-arrow--active {
		transform: rotate(90deg);
	}

	&.down.basic-arrow--active {
		transform: rotate(-90deg);
	}
}
